03 Acessando o headers

Analise o código abaixo:

return this.http
    .post(
        API_URL + '/user/login', 
        { userName, password } 
    )
    .pipe(tap(res => {
        const authToken = res.headers.get('x-access-token')
        console.log(`User ${userName} authenticated with token ${authToken}`);
    }));

Ele compila?

Alternativa correta

Não, pois para acessar o headers na resposta, é preciso expô-lo na hora que fizermos o post, para que possamos manipulá-lo.

Alternativa correta! Para expor o headers para ser manipulado, devemos passar um terceiro parâmetro para o post:

return this.http
    .post(
        API_URL + '/user/login', 
        { userName, password }, 
        { observe: 'response'} 
    )
    .pipe(tap(res => {
        const authToken = res.headers.get('x-access-token')
        console.log(`User ${userName} authenticated with token ${authToken}`);
    }));

Alternativa correta

Sim, o código compila.

Alternativa errada! O código não compila, pois o headers não está acessível. Para expor o headers para ser manipulado, devemos passar um terceiro parâmetro para o post:

return this.http
    .post(
        API_URL + '/user/login', 
        { userName, password }, 
        { observe: 'response'} 
    )
    .pipe(tap(res => {
        const authToken = res.headers.get('x-access-token')
        console.log(`User ${userName} authenticated with token ${authToken}`);
    }));

Alternativa correta

Não, pois para acessar o headers na resposta, é preciso expô-lo na hora que fizermos o pipe, para que possamos manipulá-lo.

Alternativa errada! O headers precisa ser exposto na hora que fizermos o post, passando um terceiro parâmetro para ele:

return this.http
    .post(
        API_URL + '/user/login', 
        { userName, password }, 
        { observe: 'response'} 
    )
    .pipe(tap(res => {
        const authToken = res.headers.get('x-access-token')
        console.log(`User ${userName} authenticated with token ${authToken}`);
    }));

Alternativa correta

Não, pois para acessar o headers na resposta, é preciso expô-lo na hora que fizermos o tap, para que possamos manipulá-lo.

Alternativa errada! O headers precisa ser exposto na hora que fizermos o post, passando um terceiro parâmetro para ele:

return this.http
    .post(
        API_URL + '/user/login', 
        { userName, password }, 
        { observe: 'response'} 
    )
    .pipe(tap(res => {
        const authToken = res.headers.get('x-access-token')
        console.log(`User ${userName} authenticated with token ${authToken}`);
    }));